<?php 
	session_start();
	include_once('./controller/GeneralController.php');
	include_once('./controller/IndexController.php');
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en-US" xmlns="http://www.w3.org/1999/xhtml" dir="ltr">
<head>
	<title>TicToc Watches!</title>
	<?php include_once('./templates/HeadReferences.php'); ?>
</head>
<body>

	<?php include_once('./templates/PopupBox.php'); ?>
	<!-- Wrapper -->
	<div id="wrapper">
		<!-- Header -->
		<div id="top">
			<!-- Shell -->
			<div class="shell">
				<?php include_once('./templates/TopNav.php'); ?>
			</div>
			<!-- End Shell -->
		</div>
		<!-- End Top -->
		<!--Login-->
		
		<!-- Main -->
		<div id="main">
			<!-- Shell -->
			<div class="shell">
				<!-- Header -->
					<?php include_once('./templates/Header.php'); ?>
				<!-- End Header -->
				<!-- Slider -->
				<div id="main-slider">
					<div id="slider-holder">
						<ul>
						    <li>
						    	<img src="css/images/slider-image-1.jpg" alt="Slider Image 1" />
						    	<div class="cnt">
						    		
						    		<h4>Biggest Sale on Mens Watches!</h4>
						    		<br/><br/><br/>
									<p>We carry the biggest selection of top quality watches in the entire country! And for this week only up to 30% off selected MEns Watches! Watches as low as</p>
						    		<br/>
									<span class="price"><span class="dollar">$</span> 1599<span class="sub-text">.99</span></span>
									<a href="#" class="btnM notext" title="View all Men Watches">View all Men Watches</a>
						    		<div class="cl">&nbsp;</div>
						    	</div>
						    </li>
						    <li>
						    	<img src="css/images/slider-image-2.jpg" alt="Slider Image 1" />
						    	<div class="cnt">
						    		<h4>Brand New Female Watches listed!</h4>
						    		<h2>Get yours today!</h2>
						    		<br/><br/><br/>
									<p>Exquisite female watches from top brands available at the best prices! Starting at </p>
						    		<br/>
									<span class="price"><span class="dollar">$</span> 1599<span class="sub-text">.99</span></span>
						    		<a href="#" class="btnF notext" title="See all Womens watches">See all Womens watches</a>
						    		<div class="cl">&nbsp;</div>
						    	</div>
						    </li>
						    <li>
						    	<img src="css/images/slider-image-3.jpg" alt="Slider Image 1" />
						    	<div class="cnt">
						    		<h4>We now sell kids watches!</h4>
						    		<h2>Both boys and girls! </h2>
						    		<br/><br/><br/>
									<p>Lots of watches to choose from for your princes and princesses! Kids watches start at </p>
						    		<br/>
									<span class="price"><span class="dollar">$</span> 1599<span class="sub-text">.99</span></span>
						    		<a href="#" class="btnK notext" title="Order Now">Order Now</a>
						    		<div class="cl">&nbsp;</div>
						    	</div>
						    </li>
						</ul>
					</div>
					<div class="nav">
						<a href="#" title="Mens Watches">&nbsp;</a>
						<a href="#" title="Womens Watches">&nbsp;</a>
						<a href="#" title="Kids watches">&nbsp;</a>
					</div>
				</div>
				<!-- End Slider -->
				<!-- Content -->
				<div id="content">
					<!-- Case -->
					<div class="case">
						<h3>Newest Addition</h3>
						<!-- Row -->
						<div class="row">
							<ul>
							    <li>
									<a href="#" class="product" title="Product 1">
										<img src="css/images/product-1.jpg" alt="Product Image 1" />
										<span class="order model">Model Name</span>
										<span class="order">catalog number: <span class="number">1925</span></span>
										<span class="order"><span class="buy-text">Buy Now</span><span class="price"><span class="dollar">$</span>599<span class="sub-text">.99</span></span></span>
									</a>
							    </li>
							    <li>
									<a href="#" class="product" title="Product 2">
										<img src="css/images/product-2.jpg" alt="Product Image 2" />
										<span class="order model">Model Name</span>
										<span class="order">catalog number: <span class="number">1357</span></span>
										<span class="order"><span class="buy-text">Buy Now</span><span class="price"><span class="dollar">$</span>1999<span class="sub-text">.99</span></span></span>
									</a>	
							    </li>
							    <li>
									<a href="#" class="product" title="Product 3">
										<img src="css/images/product-3.jpg" alt="Product Image 3" />
										<span class="order model">Model Name</span>
										<span class="order">catalog number: <span class="number">1264</span></span>
										<span class="order"><span class="buy-text">Buy Now</span><span class="price"><span class="dollar">$</span>15<span class="sub-text">.99</span></span></span>
									</a>	
							    </li>
							    <li>
									<a href="#" class="product" title="Product 4">
										<img src="css/images/product-4.jpg" alt="Product Image 4" />
										<span class="order model">Model Name</span>
										<span class="order">catalog number: <span class="number">1111</span></span>
										<span class="order"><span class="buy-text">Buy Now</span><span class="price"><span class="dollar">$</span>1999<span class="sub-text">.99</span></span></span>
									</a>	
							    </li>
							</ul>
							<div class="cl">&nbsp;</div>
						</div>
						<!-- End Row -->
						<!-- Row -->
						<div class="row last-row">
							<ul>
							    <li>
									<a href="#" class="product" title="Product 5">
										<img src="css/images/product-5.jpg" alt="Product Image 5" />
										<span class="order model">Model Name</span>
										<span class="order">catalog number: <span class="number">357</span></span>
										<span class="order"><span class="buy-text">Buy Now</span><span class="price"><span class="dollar">$</span>874<span class="sub-text">.99</span></span></span>
									</a>
							    </li>
							    <li>
									<a href="#" class="product" title="Product 6">
										<img src="css/images/product-6.jpg" alt="Product Image 6" />
										<span class="order model">Model Name</span>
										<span class="order">catalog number: <span class="number">1926</span></span>
										<span class="order"><span class="buy-text">Buy Now</span><span class="price"><span class="dollar">$</span>1199<span class="sub-text">.99</span></span></span>
									</a>	
							    </li>
							    <li>
									<a href="#" class="product" title="Product 7">
										<img src="css/images/product-7.jpg" alt="Product Image 7" />
										<span class="order model">Model Name</span>
										<span class="order">catalog number: <span class="number">1321</span></span>
										<span class="order"><span class="buy-text">Buy Now</span><span class="price"><span class="dollar">$</span>27<span class="sub-text">.99</span></span></span>
									</a>	
							    </li>
							    <li>
									<a href="#" class="product" title="Product 8">
										<img src="css/images/product-8.jpg" alt="Product Image 8" />
										<span class="order model">Model Name</span>
										<span class="order">catalog number: <span class="number">299</span></span>
										<span class="order"><span class="buy-text">Buy Now</span><span class="price"><span class="dollar">$</span>4<span class="sub-text">.99</span></span></span>
									</a>	
							    </li>
							</ul>
							<div class="cl">&nbsp;</div>
						</div>
						<!-- End Row -->
					</div>
					<!-- End Case -->
					<!-- Case -->
					<div class="case">
						<h3>Bestsellers</h3>
						<!-- Products Slider -->
						<div class="products-slider">
							<div class="slider-holder">
								<ul>
								    <li>
								    	<a class="product" title="Product 9">
											<img src="css/images/product-9.jpg" alt="Product Image 9" />
											<span class="order model">Model Name</span>
										<span class="order">catalog number: <span class="number">347</span></span>
											<span class="order"><span class="buy-text">Buy Now</span><span class="price"><span class="dollar">$</span>14<span class="sub-text">.99</span></span></span>
										</a>
								    </li>
								    <li>
								    	<a class="product" title="Product 10">
											<img src="css/images/product-10.jpg" alt="Product Image 10" />
											<span class="order model">Model Name</span>
										<span class="order">catalog number: <span class="number">537</span></span>
											<span class="order"><span class="buy-text">Buy Now</span><span class="price"><span class="dollar">$</span>24<span class="sub-text">.99</span></span></span>
										</a>
								    </li>
								    <li>
								    	<a class="product" title="Product 11">
											<img src="css/images/product-11.jpg" alt="Product Image 11" />
											<span class="order model">Model Name</span>
											<span class="order">catalog number: <span class="number">710</span></span>
											<span class="order"><span class="buy-text">Buy Now</span><span class="price"><span class="dollar">$</span>4<span class="sub-text">.99</span></span></span>
										</a>
								    </li>
								    <li>
								    	<a class="product" title="Product 12">
											<img src="css/images/product-12.jpg" alt="Product Image 12" />
											<span class="order model">Model Name</span>
											<span class="order">catalog number: <span class="number">32</span></span>
											<span class="order"><span class="buy-text">Buy Now</span><span class="price"><span class="dollar">$</span>7<span class="sub-text">.99</span></span></span>
										</a>
								    </li>
								     <li>
								    	<a class="product" title="Product 9">
											<img src="css/images/product-9.jpg" alt="Product Image 9" />
											<span class="order model">Model Name</span>
										<span class="order">catalog number: <span class="number">347</span></span>
											<span class="order"><span class="buy-text">Buy Now</span><span class="price"><span class="dollar">$</span>14<span class="sub-text">.99</span></span></span>
										</a>
								    </li>
								    <li>
								    	<a class="product" title="Product 10">
											<img src="css/images/product-10.jpg" alt="Product Image 10" />
											<span class="order model">Model Name</span>
										<span class="order">catalog number: <span class="number">537</span></span>
											<span class="order"><span class="buy-text">Buy Now</span><span class="price"><span class="dollar">$</span>24<span class="sub-text">.99</span></span></span>
										</a>
								    </li>
								    <li>
								    	<a class="product" title="Product 11">
											<img src="css/images/product-11.jpg" alt="Product Image 11" />
											<span class="order model">Model Name</span>
											<span class="order">catalog number: <span class="number">710</span></span>
											<span class="order"><span class="buy-text">Buy Now</span><span class="price"><span class="dollar">$</span>4<span class="sub-text">.99</span></span></span>
										</a>
								    </li>
								    <li>
								    	<a class="product" title="Product 12">
											<img src="css/images/product-12.jpg" alt="Product Image 12" />
											<span class="order model">Model Name</span>
											<span class="order">catalog number: <span class="number">32</span></span>
											<span class="order"><span class="buy-text">Buy Now</span><span class="price"><span class="dollar">$</span>7<span class="sub-text">.99</span></span></span>
										</a>
								    </li>
								</ul>
							</div>
							<div class="nav">
								<a href="#" class="prev" title="Previous">Prev</a>
								<a href="#" class="next" title="Next">Next</a>
								<div class="cl">&nbsp;</div>
							</div>
						</div>
						<!-- End Products Slider -->
					</div>
					<!-- End Case -->
				</div>
				<!-- End Content -->
			</div>
			<!-- End Shell -->
		</div>
		<!-- End Main -->
		<div id="footer-push" class="cl">&nbsp;</div>
	</div>
	<!-- End Wrapper -->
	<!-- Footer -->
		<?php include_once('./templates/Footer.php'); ?>
	<!-- End Footer -->
</body>
</html>